<style>
    .search{border:1px solid #ccc;padding-top: 15px;margin-bottom: 20px;padding-left: 20px}
    form input[type='text']{height: 34px;width: 120px}
</style>
<section class="content">
    <section class="content">
        <div class="search">
            <form role="form">
                <div class="row">
                    <div class="col-xs-2 col-md-3">
                        <div class="form-group">
                            <div class="form-group">
                                <span>用户姓名：</span>
                                <input type="text" ng-model="userModel.username" >
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-2 col-md-3">
                        <div class="form-group" >
                            <span>用户电话：</span>
                            <input type="text" ng-model="userModel.cellPhone" >
                        </div>
                    </div>
                    <div class="col-xs-1 col-md-2">
                        <div class="form-group">
                            <select  class="form-control" ng-model="userModel.isVip">
                                <option value="">全部用户</option>
                                <option value="1">会员用户</option>
                                <option value="2">普通用户</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-xs-1">
                        <input type="button" class="btn-primary btn" value="查询" ng-click="getUserList(1)">
                    </div>
                    <div class="col-xs-1">
                        <input type="reset" class="btn-default btn" value="重置" ng-click="reset()" ng-bind="userModel">
                    </div>

                </div>
            </form>
        </div>
        <div class="table-box">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>用户姓名</th>
                    <th>用户头像</th>
                    <th>用户性别</th>
                    <th>用户电话</th>
                    <th>所在地区</th>
                    <th>状态</th>

                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="n in userList">
                    <td>{{$index+1}}</td>
                    <td>{{n.username}}</td>
                    <td><img src="{{n.headUrl}}" alt="" width="50px" height="50px"></td>
                    <td>
                        <span ng-if="n.gender==1">男</span>
                        <span ng-if="n.gender==2">女</span>
                        <span ng-if="n.gender==0">未知</span>
                    </td>
                    <td>{{n.cellPhone}}</td>
                    <td>{{n.wxAddress}}</td>
                    <td>
                        <span ng-if="n.isVip=='1'">会员用户</span>
                        <span ng-if="n.isVip=='2'">普通用户</span>

                    <td>
                        <a href="javascript:;" ng-click="conversation($event)" data-userId="{{n.wxUserId}}" data-tel="{{n.cellPhone}}" data-name="{{n.username}}">通话</a>
                    </td>
                </tr>
                <tr ng-if="userList.length <=0">
                    <td colspan="10" class="text-center">暂无数据</td>
                </tr>
                </tbody>
            </table>
            <div class="page-function" ng-if="userList.length >0">
            </div>
        </div>


    </section>
</section>